<!-- 防止乱码 -->
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
<link rel="shortcut icon" href="/favicon.ico"/>
<link rel="bookmark" href="/favicon.ico"/>
<!-- 头部 -->
<div class="header">
  <div class="agileits_top_menu">
		<div class="w3l_header_left">
			<ul>
				<li><i class="fa fa-map-marker" aria-hidden="true"></i> Shenzhen Changsha Shanghai, CN</li>
				<li><i class="fa fa-comments-o" aria-hidden="true"></i> vellzhao</li>
				<li><i class="fa fa-envelope-o" aria-hidden="true"></i> <a href="mailto:vellzhao@foxmail.com">vellzhao@foxmail.com</a></li>
			</ul>
		</div>
		<div class="w3l_header_right">
			<div class="w3ls-social-icons text-left">
				<!-- <a class="facebook" href="#"><i class="fa fa-webchat"></i></a> -->
				<!-- <a class="twitter" href="#"><i class="fa fa-twitter"></i></a> -->
				<!-- <a class="pinterest" href="#"><i class="fa fa-pinterest-p"></i></a> -->
				<a class="linkedin" href="https://www.linkedin.com/in/vellzhao" target="_blank"><i class="fa fa-linkedin"></i></a>
			</div>
		</div>
		<div class="clearfix"> </div>
	</div>
</div>
<div class="agileits_w3layouts_banner_nav">
  <nav class="navbar navbar-default">
    <div class="navbar-header navbar-left">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
          <span class="sr-only">切换导航</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
      <h1><a class="navbar-brand" href="index.html"><i class="fa fa-crosshairs" aria-hidden="true"></i><b style="color:rgb(82, 197, 178)">XP</b>ro.work</a></h1>

    </div>
    <ul class="agile_forms">
      <!-- <li><a class="active" href="#" data-toggle="modal" data-target="#myModal2">登录</a> </li> -->
      <li><a href="https://shimo.im/forms/lnq8MmKM1wU6F4kw/fill" target="_blank" data-toggle="modal" > 找帮手</a> </li>
      <li><a href="https://shimo.im/forms/YJA1MwVO6EUYFPAM/fill" target="_blank" data-toggle="modal"  class="active"> 加入极限组织</a> </li>
    </ul>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
      <nav>
        <ul class="nav navbar-nav">
          <li class="active"><a href="index.html" class="hvr-underline-from-center">Home</a></li>
          <li><a href="about.html" class="hvr-underline-from-center">关于我们</a></li>
          <li><a href="portfolio.html" class="hvr-underline-from-center">作品/案例</a></li>
          <!-- <li><a href="blog.html" class="hvr-underline-from-center">Blog</a></li> -->
          <!-- <li class="dropdown">
            <a href="#" class="dropdown-toggle hvr-underline-from-center" data-toggle="dropdown">Short Codes <b class="fa fa-caret-down"></b></a>
            <ul class="dropdown-menu agile_short_dropdown">
              <li><a href="icons.html">Web Icons</a></li>
              <li><a href="typography.html">Typography</a></li>
            </ul>
          </li> -->
          <li><a href="contact.html" class="hvr-underline-from-center">联系我们</a></li>
        </ul>
      </nav>

    </div>
  </nav>

  <div class="clearfix"> </div>
</div>
  <!-- Modal1 -->
  
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>

        <div class="signin-form profile">
          <h3 class="agileinfo_sign">登录</h3>
          <div class="login-form">
            <form action="#" method="post">
              <input type="email" name="email" placeholder="E-mail" required="">
              <input type="password" name="password" placeholder="Password" required="">
              <div class="tp">
                <input type="submit" value="Sign In">
              </div>
            </form>
          </div>
          <div class="login-social-grids">
            <ul>
              <li><a href="#"><i class="fa fa-facebook"></i></a></li>
              <li><a href="#"><i class="fa fa-twitter"></i></a></li>
              <li><a href="#"><i class="fa fa-rss"></i></a></li>
            </ul>
          </div>
          <p><a href="#" data-toggle="modal" data-target="#myModal3"> Don't have an account?</a></p>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog">
  <div class="modal-dialog">
  <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        
        <div class="signin-form profile">
        <h3 class="agileinfo_sign">Sign Up</h3>	
            <div class="login-form">
              <form action="#" method="post">
                 <input type="text" name="name" placeholder="Username" required="">
                <input type="email" name="email" placeholder="Email" required="">
                <input type="password" name="password" id="password1" placeholder="Password" required="">
                                                  <input type="password" name="password" id="password2" placeholder="Confirm Password" required="">

                <input type="submit" value="Sign Up">
              </form>
            </div>
            <p><a href="#"> By clicking register, I agree to your terms</a></p>
          </div>
      </div>
    </div>
  </div>
</div>
 
	<!-- js -->
	<script type="text/javascript" src="http://static.kinswon.com/js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="http://static.kinswon.com/js/modernizr.custom.46884.js"></script>
	
<!-- password-script -->
<script type="text/javascript">
  window.onload = function () {
    document.getElementById("password1").onchange = validatePassword;
    document.getElementById("password2").onchange = validatePassword;
  }

  function validatePassword() {
    var pass2 = document.getElementById("password2").value;
    var pass1 = document.getElementById("password1").value;
    if (pass1 != pass2)
      document.getElementById("password2").setCustomValidity("Passwords Don't Match");
    else
      document.getElementById("password2").setCustomValidity('');
    //empty string means no validation error
  }
</script>
